<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蜀绣历史 - 蜀绣非遗技艺</title>

    <link rel="stylesheet" href="css/fontawesome.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/history.css">
    <link rel="stylesheet" href="css/animation.css">
</head>
<body>
    <!-- 头部区域 -->
    <header>
        <div class="container">
            <div class="logo">
                <img src="img/蜀绣logo.jpg" alt="蜀绣非遗技艺">
                <h1>蜀绣非遗技艺</h1>
            </div>
            <nav>
                <ul class="main-nav">
                    <li><a href="index.html">首页</a></li>
                    <li class="active">
                        <a href="history.html">蜀绣历史</a>
                        <ul class="sub-nav">
                            <li><a href="#origin">起源</a></li>
                            <li><a href="#development">发展</a></li>
                            <li><a href="#modern">现代传承</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="craftsmanship.html">技艺传承</a>
                        <ul class="sub-nav">
                            <li><a href="craftsmanship.html#techniques">绣制技法</a></li>
                            <li><a href="craftsmanship.html#masters">传承大师</a></li>
                            <li><a href="craftsmanship.html#tools">工具材料</a></li>
                        </ul>
                    </li>
                    <li><a href="gallery.html">作品欣赏</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- 页面标题 -->
    <section class="page-banner">
        <div class="container">
            <h1>蜀绣历史</h1>
            <p>探寻千年蜀绣的历史长河</p>
        </div>
    </section>

    <!-- 主要内容区 -->
    <main class="history-page">
        <!-- 起源部分 -->
        <section id="origin" class="history-section animate-on-scroll">
            <div class="container">
                <h2 class="section-title">蜀绣起源</h2>
                <div class="history-content">
                    <div class="history-image">
                        <img src="img/起源.png" alt="蜀绣起源">
                    </div>
                    <div class="history-text">
                        <p>蜀绣，是中国四大名绣之一，源于四川成都平原一带，距今已有2000多年历史。早在西汉时期，蜀地就有了刺绣的记载。《华阳国志》中记载："蜀人巧思，善机织，为绮绣"，说明当时蜀地的刺绣工艺已经相当发达。</p>
                        <p>据考古发现，在四川成都金沙遗址出土的文物中，有许多与刺绣相关的工具，如铜针、陶纺轮等，这些都是蜀绣早期发展的物质证据。</p>
                        <p>蜀绣的起源与古蜀国的丝织业密切相关。古蜀国地处成都平原，气候温和湿润，非常适合桑树生长和蚕丝生产。丰富的丝绸资源为蜀绣的发展提供了良好的物质基础。</p>
                        <p>早期的蜀绣主要用于服饰装饰和祭祀活动，图案多为简单的几何纹样和动植物图案，技法也相对简单。随着时间的推移，蜀绣逐渐形成了自己独特的风格和技法。</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- 发展部分 -->
        <section id="development" class="history-section animate-on-scroll">
            <div class="container">
                <h2 class="section-title">历史发展</h2>
                <div class="timeline-horizontal">
                    <div class="timeline-item">
                        <div class="timeline-point"></div>
                        <div class="timeline-content">
                            <h3>汉唐时期</h3>
                            <p>汉代，蜀绣已初具规模，主要用于服饰装饰。唐代，蜀绣技艺更加精湛，被列为贡品，进贡朝廷。</p>
                            
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-point"></div>
                        <div class="timeline-content">
                            <h3>宋元时期</h3>
                            <p>宋代，蜀绣进入全盛时期，技法多样，色彩丰富。元代，蜀绣受到蒙古文化影响，图案更加多元。</p>
                           
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-point"></div>
                        <div class="timeline-content">
                            <h3>明清时期</h3>
                            <p>明代，蜀绣与宫廷艺术结合，技艺更加精细。清代，蜀绣形成了独特的艺术风格，成为四大名绣之一。</p>
                            
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-point"></div>
                        <div class="timeline-content">
                            <h3>近现代</h3>
                            <p>近代，蜀绣受到西方艺术影响，题材更加广泛。现代，蜀绣被列入国家级非物质文化遗产，得到保护和传承。</p>
                          
                        </div>
                    </div>
                </div>
                <div class="history-detail">
                    <h3>蜀绣的历史演变</h3>
                    <p>蜀绣的发展历程可以分为几个重要阶段：</p>
                    <p><strong>汉唐时期（公元前202年-公元907年）</strong>：这一时期是蜀绣的初步发展阶段。汉代，蜀地丝织业发达，为蜀绣提供了良好的物质基础。唐代，蜀绣技艺更加精湛，被列为贡品，进贡朝廷。唐代诗人杜甫在成都时曾写道："锦江春色来天地，玉垒浮云变古今"，其中的"锦江"就是因当地盛产锦绣而得名。</p>
                    <p><strong>宋元时期（公元960年-公元1368年）</strong>：宋代是蜀绣的全盛时期。宋代蜀绣技法多样，色彩丰富，题材广泛，主要用于服饰、屏风、画像等。元代，蜀绣受到蒙古文化的影响，图案更加多元化，技法也有所创新。</p>
                    <p><strong>明清时期（公元1368年-公元1911年）</strong>：明代，蜀绣与宫廷艺术结合，技艺更加精细，色彩更加丰富。清代，蜀绣形成了独特的艺术风格，以色彩鲜艳、构图巧妙、针法活泼、绣工细腻而著称，成为中国四大名绣之一。</p>
                    <p><strong>近现代（公元1912年至今）</strong>：近代，蜀绣受到西方艺术的影响，题材更加广泛，技法更加多样。新中国成立后，蜀绣得到了国家的重视和保护。2006年，蜀绣被列入第一批国家级非物质文化遗产名录，得到了更好的保护和传承。</p>
                </div>
            </div>
        </section>

        <!-- 现代传承部分 -->
        <section id="modern" class="history-section animate-on-scroll">
            <div class="container">
                <h2 class="section-title">现代传承</h2>
                <div class="modern-content">
                    <div class="modern-text">
                        <p>进入21世纪，蜀绣作为国家级非物质文化遗产，得到了前所未有的重视和保护。政府、企业和民间组织共同努力，通过多种方式保护和传承蜀绣技艺。</p>
                        <h3>保护措施</h3>
                        <ul class="protection-list">
                            <li>
                                <span class="icon">政</span>
                                <div class="protection-info">
                                    <h4>政策支持</h4>
                                    <p>国家和地方政府出台了一系列政策，支持蜀绣的保护和传承，如设立专项资金、提供税收优惠等。</p>
                                </div>
                            </li>
                            <li>
                                <span class="icon">教</span>
                                <div class="protection-info">
                                    <h4>教育传承</h4>
                                    <p>在学校和社区开设蜀绣课程，培养年轻一代对蜀绣的兴趣和技能，确保技艺的代际传承。</p>
                                </div>
                            </li>
                            <li>
                                <span class="icon">研</span>
                                <div class="protection-info">
                                    <h4>研究记录</h4>
                                    <p>对蜀绣技艺进行系统的研究和记录，编写教材，制作纪录片，保存珍贵的历史资料。</p>
                                </div>
                            </li>
                            <li>
                                <span class="icon">创</span>
                                <div class="protection-info">
                                    <h4>创新</h4>
                                    <p>鼓励蜀绣与现代设计相结合，开发具有市场竞争力的蜀绣产品，拓展蜀绣的应用领域。</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="modern-image">
                        <div class="image-gallery">
                            <img src="img/作品1.png" alt="现代蜀绣作品">
                            <img src="img/教育.png" alt="蜀绣传承教育">
                            <img src="img/产品.png" alt="蜀绣创新产品">
                            <img src="img/活动.png" alt="蜀绣展览活动">
                        </div>
                    </div>
                </div>
                <div class="challenges-opportunities">
                    <h3>挑战与机遇</h3>
                    <div class="challenges-grid">
                        <div class="challenge-item">
                            <h4>挑战</h4>
                            <ul>
                                <li>年轻一代对传统手工艺兴趣减少</li>
                                <li>机械化生产对手工蜀绣的冲击</li>
                                <li>市场需求变化，传统蜀绣销路受限</li>
                                <li>高级蜀绣技艺传承人数量减少</li>
                            </ul>
                        </div>
                        <div class="opportunity-item">
                            <h4>机遇</h4>
                            <ul>
                                <li>文化自信提升，传统工艺受到重视</li>
                                <li>旅游业发展，带动蜀绣文化体验需求</li>
                                <li>互联网平台拓宽蜀绣销售渠道</li>
                                <li>创新设计为蜀绣注入新的活力</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- 底部区域 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-logo">
                    <img src="img/蜀绣logo.jpg" alt="蜀绣非遗技艺">
                    <p>传承千年的艺术瑰宝</p>
                </div>
                <div class="footer-links">
                    <h3>快速链接</h3>
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="history.html">蜀绣历史</a></li>
                        <li><a href="craftsmanship.html">技艺传承</a></li>
                        <li><a href="gallery.html">作品欣赏</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer-contact">
                    <h3>联系方式</h3>
                    <p><i class="icon-location"></i> 四川省成都市锦江区蜀绣博物馆</p>
                    <p><i class="icon-phone"></i> 028-12345678</p>
                    <p><i class="icon-email"></i> info@shuixiu.com</p>
                </div>
                <div class="footer-subscribe">
                    <h3>订阅资讯</h3>
                    <p>订阅我们的电子通讯，获取最新蜀绣资讯</p>
                    <form class="subscribe-form">
                        <input type="email" placeholder="您的邮箱地址">
                        <button type="submit">订阅</button>
                    </form>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2023 蜀绣非遗技艺保护中心 版权所有</p>
            </div>
        </div>
    </footer>

    <!-- 在body结束标签前添加 -->
    <script src="js/animation.js"></script>
</body>
</html>